<template>
  <view>
    <view class="List px-[30rpx]">
      <List :codeid="codeid" />
      <!-- <view class="bottom_btn">
        <div
          style="
            width: 100%;
            display: flex;
            align-content: center;
            justify-content: flex-end;
            padding: 2px;
          "
        >
          <span style="line-height: 29px"> 优惠券（{{ yhs }}/2） </span>
          <button
            class="mini-btn primary"
            type="primary"
            size="mini"
            style="margin: 0"
          >
            确定
          </button>
        </div>
      </view> -->
    </view>
  </view>
</template>
  
  <script lang="ts" setup>
import { ref } from "vue";
import List from "./components/indexlist.vue";
import { onLoad } from "@dcloudio/uni-app";
const tabList = ref<any>([
  {
    name: "未使用",
    status: 0,
  },
  {
    name: "已使用",
    status: 1,
  },
  {
    name: "已过期",
    status: 2,
  },
]);
const yhs = ref(0);
const current = ref(0);
const codeid = ref();
onLoad(async (options: any) => {
  codeid.value = options?.id;
});
</script>
<style lang="scss">
.List {
  position: relative;
  height: calc(100vh - env(safe-area-inset-bottom));
}

.footer-box {
  position: absolute;
  z-index: 999;
  bottom: env(safe-area-inset-bottom);
  left: 0;
  right: 0;
  background: #fff;
  padding: 10rpx 20rpx;
  .footer-btn {
    @apply bg-primary text-lg text-white leading-[82rpx] h-[82rpx] rounded-full;
  }
}
.bottom_btn {
  width: 100vw;
  height: 80rpx;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
</style>
  